<template>
  <div id="warp-tow">
    <div class="time">填报时间：2020-09-24</div>
    <div class="one">
      <h1>七、孵化器运行管理</h1>
    </div>
    <!-- <div class="warp-name-input"> -->

    <div class="unit-name">
      <p class="char">孵化器内企业总数</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">当年享受孵化器税收优惠政策免税金额总计</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">千元</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input" style="margin-right:36px;"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">其中：房产税</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">城镇土地使用税</p>
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">增值税</p>
      <div class="session">
        <span class="session-span">次</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">所得税</p>
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">孵化器运营成本</p>
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">其中：人员费用</p>
      <div class="session">
        <span class="session-span">次</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">场地费用</p>
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">管理费用</p>
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">其他费用</p>
      <div class="session">
        <span class="session-span">次</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">纳税额</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="21" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">孵化器签约物业机构数量</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      
      <div class="session">
        <span class="session-span">场次</span>
        <p> {{session}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>

      <a-input placeholder="0" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">孵化器对公共技术服务平台投资额</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="21" class="unit-input"></a-input>
    </div>
    <div class="unit-name">
      <p class="char">公共技术平台收入</p>
      <a-icon type="question-circle" class="icon-circle" title="帮助" />
      <div class="session">
        <span class="session-span">个</span>
        <p> {{a}} </p>
        <span class="session-blu">{{b}}</span>
        <span class="session-span">下降：</span>
        <h6>{{percentage}}</h6>
      </div>
      <a-input placeholder="21" class="unit-input"></a-input>
    </div>

    <!-- </div> -->
  </div>
</template>

<script>
export default {
  data(){
    return{
      'session' : '21',
      'a' : '0',
      'b' : '0',
      'percentage' : '100%'
    }
  }
};
</script>

<style lang="scss" scoped>
#warp-tow {
  .time {
    font-size: 16px;
    color: #2ccce4;
    margin-bottom: 20px;
  }
  .one {
    font-size: 16px;
    color: #000;
  }
  .warp-name-input {
    width: 600px;
  }
  .unit-name {
    height: 50px;
    width: 900px;
    background: rgb(231, 228, 228);
    margin-top: 10px;
    overflow: hidden;
    &:nth-child(2){
    .unit-input{
      margin-right: 40px;
    }
}
    .char {
      line-height: 50px;
      margin-left: 50px;
      float: left;
      font-size: 16px;
      color: #000;
    }
    .unit-input {
      margin-top: 10px;
      margin-right: 50px;
      float: right;
      width: 300px;
      border: ceil($number: 0);
      &:nth-child(2){
        margin-right: 40px;
      }
    }
    .icon-circle {
      float: left;
      line-height: 53px;
      margin-left: 20px;
    }
    .session{
      float:right;
      .session-span{
        color:#000;
      }
      p{
        display: inline;
        line-height: 50px;
        color: red;
      }
      .session-blu{
        color: blue;
      }
      h6{
        display: inline;
        line-height: 50px;
        color: red;
        margin-right:40px;
      }
    }
  }
}

</style>